import React,{useState} from 'react'

/* 
useState:
  -让函数式组件支持state状态
  -useState() 方法里面唯一的参数就是初始state
  -useState返回一个只有两个元素的数组
    -第一个元素是当前state的值
    -第二个元素是一个函数,用来替换原来state中的值,这个函数的修改state和setState一样是异步的
  -React 会在重复渲染时记住它当前的state的值,并且提供最新的值给我们的函数
*/

export default function App() {
  console.log(useState(0));
  const [count,setCount]=useState(0);
  const [isHot,setisHot]=useState(true)

  const setCountHandle = ()=>{
    setCount(count+1)
    setisHot(!isHot)
    console.log(count,'count');
  }

  console.log('组件被重新渲染了');

  return (
    <div>
      <h1>累加的值是{count}</h1>
      <p>今天真{isHot?'热啊':'冷啊'}</p>
      <button onClick={setCountHandle}>累加</button>
    </div>
  )
}
